<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--移动端头部-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>电器商城 </title>
		<!--首页样式-->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!--rem插件-->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!--负责上下滑动-->
		<script src="js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
	</head>
	</head>
	<body>
		<!--头部-->
		<header>
			<!--<h1>电器商城</h1>		
			<section>
				<p class="opacity"></p>
			   <a><span class="iconfont">&#xe8d1;</span> | <span class="iconfont">&#xe8da;</span> </a>
			</section>-->
			
			<div></div>
			<h1>电器商城</h1>
			<div class="h-right">
				<span class="iconfont">&#xe8d1;</span> | <span class="iconfont">&#xe8da;</span>
			</div>
			
			
		</header>
		<!--主体-->
		<main id="main">
			<section class="main-content">
				<!--banner-->
				<sectioion class="banner">
					<img src="img/img_02.jpg"/>
				</sectioion>
				<!--nav-->
				<nav>
					<ul>
						<li><a href="#"><img src="img/img_05.jpg" alt="" /><p>空调</p></a></li>
						<li><a href="#"><img src="img/img_07.jpg" alt="" /><p>冰箱</p></a></li>
						<li><a href="#"><img src="img/img_09.jpg" alt="" /><p>洗衣机</p></a></li>
						<li><a href="#"><img src="img/img_11.jpg" alt="" /><p>厨房小电器</p></a></li>
						<li><a href="#"><img src="img/img_17.jpg" alt="" /><p>厨房大电器</p></a></li>
						<li><a href="#"><img src="img/img_18.jpg" alt="" /><p>生活家电</p></a></li>
						<li><a href="#"><img src="img/img_20.jpg" alt="" /><p>热水器/净水机</p></a></li>
						<li><a href="#"><img src="img/img_21.jpg" alt="" /><p>配件周边</p></a></li>
					</ul>
					<p>
						<img src="img/img_27.jpg"/>
					    <img src="img/img_29.jpg" class="img-2"/>
					    <img src="img/img_31.jpg"/>
					</p>
				</nav>
				<!--维修服务-->
				<section class="weixiu">
					<img src="img/效果图_03.jpg"/>
					<img src="img/img_39.jpg"/>
					<img src="img/img_43.jpg"/>
					<img src="img/img_44.jpg"/>
				</section>
				<!--空调-->
				<section class="kongtiao">
					<img src="img/img_48.jpg"/>
					<p>不 你不是空调 你一点也不冷</p>
					<strong>￥1999.00</strong>
					<span class="iconfont">&#xe919;</span>
				</section>
				<!--电饭煲-->
				<section class="kongtiao">
					<img src="img/img_50.jpg"/>
					<p>不 你不是电饭煲 你一点也不饿</p>
					<strong>￥369.00</strong>
					<span class="iconfont">&#xe919;</span>
				</section>
				<!--吸尘器-->
				<section class="kongtiao">
					<img src="img/img_52.jpg"/>
					<p>不 你不是电饭煲 你一点也不饿</p>
					<strong>￥1599.00</strong>
					<span class="iconfont">&#xe919;</span>
				</section>
				<!--精品单选-->
				<section class="jingpin">
					<p>精品单选 <span class="iconfont">&#xe919;</span></p>			
				</section>
				<section class="jingping-content">
					<dl>
						<dt><img src="img/img_55.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/img_57.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/img_62.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/img_64.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/img_68.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
					<dl>
						<dt><img src="img/img_70.jpg"/></dt>
						<dd>
							<h2>203升家用冰柜冷柜</h2>
							<h3>节能静音BD/BC-203KM</h3>
							<p>￥1099.00</p>
                            <span class="iconfont">&#xe919;</span>
						</dd>
					</dl>
				</section>
			</section>
		</main>
		<!--底部-->
		<footer>
			<ul>
				<li class="active">
					<span class="iconfont">&#xe615;</span>
					<p>首页</p>
				</li>
				<li>
					<span class="iconfont">&#xe603;</span>
					<p>分类</p>
				</li>
				<li>
					<span class="iconfont">&#xe661;</span>
					<p>购物车</p>
				</li>
				<li>
					<span class="iconfont">&#xe616;</span>
					<p>个人中心</p>
				</li>
			</ul>
		</footer>
	</body>
</html>
<script type="text/javascript">
    //清除浏览器默认touchmove事件addEventListener(事件名，回调函数，对象)
	document.addEventListener("touchmove",function(e){e.preventDefault();},{passive:false});
	new IScroll("#main",{});
</script>